/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/

@use '../../internal/styles/index' as styles;
@use '../../internal/styles/tokens' as awsui;
@use '../../internal/styles/typography/index' as typographyConstants;

.custom-range {
  // This padding aligns the custom range selection with the radio labels
  padding-inline-start: calc(#{1.4 * styles.$base-size} + #{awsui.$space-xs});

  display: flex;
  inline-size: 80%;
}
.custom-range--no-padding {
  padding-inline-start: 0;
}

.custom-range-form-controls {
  display: flex;
  inline-size: 100%;

  > .custom-range-duration,
  > .custom-range-unit {
    inline-size: 50%;
  }

  > .custom-range-duration {
    margin-inline-end: awsui.$space-xs;
  }

  &.vertical {
    flex-direction: column;

    > .custom-range-duration,
    > .custom-range-unit {
      inline-size: 100%;
    }

    > .custom-range-unit {
      margin-block-start: awsui.$space-s;
    }
  }
}
